<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title></title>
    <meta content="" name="keywords">
    <meta content="" name="description">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/10.css">
    <link rel="stylesheet" href="css/layui-all/plugins/layui/css/layui.css">
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="css/layui-all/plugins/layui/layui.js"></script>
    <script type="text/javascript">
        !function () {
            var htmlEl = document.getElementsByTagName('html')[0];
            var fitPage = function () {
                /* The calculate of with from zepto  */
                var w = htmlEl.getBoundingClientRect().width;
                w = Math.round(w);
                w = w > 750 ? 750 : w;
                var newW = w / 750 * 100;
                htmlEl.style.fontSize = newW + 'px';
            }
            fitPage();
            var t;
            var func = function () {
                clearTimeout(t);
                t = setTimeout(fitPage, 25);
            }
            window.addEventListener('resize', func);
        }();
    </script>
</head>
<body>
<header class="app-header app-header-fixed">
    <div class="app-title">
        <div class="app-black">
            <img style="width: 50%" src="images/010.png">
        </div>
        <h1 class="app-center-title">采集日志</h1>
        <div class="app-header-user">
            地图
        </div>
    </div>
</header>
<section class="app-content">
    <form class="layui-form app-top-floor" action="">
    <div class="app-top-item-list">
        <div class="app-item-box">
            <span class="app-item-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;类别&nbsp;:</span>
            <span class="app-item-content">
                <select>
                    <option>库点一</option>
                    <option>库点二</option>
                    <option>库点三</option>
                </select>
            </span>
            <span class="app-item-label">&nbsp;&nbsp;&nbsp;&nbsp;区县&nbsp;:</span>
            <span class="app-item-content">
                <select>
                    <option>全站</option>
                    <option>盐城</option>
                    <option>苏州</option>
                </select>
            </span>
        </div>
        <div class="app-item-box">
            <span class="app-item-label">企业名称&nbsp;:</span>
            <span class="app-item-content" style="width: 4.7rem;">
                <input style="width: 100%">
            </span>
        </div>
        <div class="app-item-box">
            <span class="app-item-label">采集时间&nbsp;:</span>
            <span class="app-item-content" style="margin-right: 0.2rem;width: 2rem">
                <input>
            </span>
            ~
            <span class="app-item-content" style="margin-left: 0.2rem;width: 1.9rem">
                <input>
            </span>
        </div>
    </div>
        <div class="app-top-footer">
            <img src="images/016.png">
        </div>
    </form>
    <div style="height: 0.2rem;background: #F5F5F5">

    </div>

</section>
<div class="app-bottom-table" style="position: relative;padding-bottom: 0.3rem">
    <img src="images/030.png">
</div>
<footer class="app-footer">
    <dl class="app-list overflow">
        <dt>
            <img src="images/029.png">
            <span class="app-img-text">700KM</span>
        </dt>
        <dd>
            <p class="app-article-title one-line-more-hide">中央储备粮库</p>
            <p class="app-article-content more-line-more-hide">
                北京市海淀区杏石口路20号

            </p>
            <div class="app-bottom-phone">13600101100</div>
        </dd>
    </dl>
    <div class="app-botton-line"></div>
    <ul>
        <li style='background: url("./images/026.png");background-repeat:no-repeat;background-position: 21% center;background-size: 20%;width: 20%;padding-left: 0.6rem'>导航</li>
        <li style='background: url("./images/024.png");background-repeat:no-repeat;background-position: 16% center;background-size: 20%;padding-left: 0.9rem'>收购价格</li>
        <li style='border: none;background: url("./images/025.png");background-repeat:no-repeat;background-position: 24% center;background-size: 10%;padding-left: 0.9rem;width: 17%;'>在线预约</li>
    </ul>
</footer>
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
        //$('.layui-edge').css({'right':'-22px'})
        //$(".layui-this").css({'background-color':'#05C0AB'})
    });
    $(function () {
        $('.app-tab-title li').each(function () {
            $(this).click(function () {
                $(this).addClass('app-tab-active').siblings().removeClass('app-tab-active')
            })
        })
    })
</script>
</body>
</html>